.categoryNav{
    .panel{
        height:.38rem;
        line-height: .38rem;
        background-color: #f5f5f5;
        padding: 0 .2rem;
        border-top:.02rem solid #ccc;
        >h2{
            font-size: .18rem;
            display: flex;
            justify-content: space-between;
            .panelTitle{
                color:#333;
                font-weight:900;
            }
        }
    }
    .son{
        display: none;
        .panelCentent{
            display: flex;
            flex-wrap:wrap;
            padding-bottom:.2rem ;
            border-bottom:.02rem solid #999 ;
            li{
                width: .9465rem;
                height: .4rem;
                line-height: .4rem;
                text-align: center;
                border: .01rem solid #ccc;
                margin: 0 0 -.01rem -.01rem;
                overflow: hidden;
                >a{
                    color:#666;
                    font-size: .14rem;
                }
            }
       }     
    }
    .categoryFoot{
        padding: .1rem;
        .moreMes{
            width: 100%;
            height: .32rem;
            border: 0;
            background-color: #1d6dff;
            border-radius: .1rem;
            font-size: .16rem;
            color: #fff;
        }
    }
}